@import '~antd/lib/style/themes/default.less';
@env: ~'env-overview';
@ant-rbw: ~'ant-radio-button-wrapper';

.@{env}-header .chart {
    min-width: 900px;
    display: flex;
    height: 240px;
    font-size: 18px;
    .area-chart-item {
        position: relative;
        width: 24%;
        height: 210px;
        margin: 10px 20px 20px 0px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        padding: 15px;
        .title { 
            width: 100%;
            // margin-bottom: 10px;
            span {
                font-size: 23px;
                font-weight: 600;
            }
            .agg-title {
                display: flex;
                justify-content: flex-start;
                h1 {
                    display: inline-block;
                    width: 50%;
                }
            }
            .agg-item {
                display: flex;
                justify-content: flex-start;
                span {
                    display: inline-block;
                    width: 50%;
                }
            }
        }
        .footer {
            display: flex;
            white-space: nowrap;
            overflow: hidden;
            span {
                width: 50%;
                margin-top: 10px;
                font-size: 14px;
            }
        }
        .sla-info {
            position: absolute;
            font-size: 12px;
            font-weight: 600;
            line-height: 22px;
            left: 50%;
            top: 12%;
        }
    }
    .bar-chart-item {
        width: 24%;
        margin: 10px 20px 20px 0px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        padding: 15px;
        .title { 
            width: 100%;
        }
        .footer {
            display: flex;
            white-space: nowrap;
            span {
                width: 50%;
                margin-top: 10px;
                font-size: 14px;
            }
        }
    }
}

// .ant-table-thead > tr > th {
//     text-align: center;
// }

